<template>
  <div class="app">
  <header>
    <router-view  name="header"/>
  </header>
  <main>
      <router-view />
    </main>
    <footer>
      <router-view name="footer"/>
    </footer>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.app{
  display:flex;
  flex-direction:column;
  height:100%;
  main{ 
    flex:1;
    overflow-x:hidden;

  }
}
</style>
